Index: rave-portal-resources/src/main/webapp/WEB-INF/jsp/layouts/person_profile.jsp
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- rave-portal-resources/src/main/webapp/WEB-INF/jsp/layouts/person_profile.jsp	(revision 1328116)
+++ rave-portal-resources/src/main/webapp/WEB-INF/jsp/layouts/person_profile.jsp	(revision )
@@ -17,20 +17,22 @@
   specific language governing permissions and limitations
   under the License.
   --%>
-<div id="personProfileSubPages">
-    <ul>
+<div class="row-fluid" id="personProfileSubPages">
+    <ul class="nav nav-tabs outlined">
         <!-- first render the tabs -->
         <c:forEach var="subPage" items="${page.subPages}" varStatus="subPageStatus">
-            <li><a href="#subpage-${subPage.entityId}"><c:out value="${subPage.name}"/></a></li>
+            <li><a href="#tab-${subPage.entityId}" data-toggle="tab"><c:out value="${subPage.name}"/></a></li>
         </c:forEach>
     </ul>
     <!-- now render the sub page bodies -->
+    <div class="tab-content outlined">
     <c:forEach var="subPage" items="${page.subPages}" varStatus="subPageStatus">
-        <div id="subpage-${subPage.entityId}">
+        <div class="tab-pane" id="tab-${subPage.entityId}">
             <c:forEach var="subPageRegion" items="${subPage.regions}" varStatus="subPageRegionStatus">
                 <rave:region region="${subPageRegion}" regionIdx="${subPageRegionStatus.count}" />
             </c:forEach>
             <div class="clear-float">&nbsp;</div>
         </div>
     </c:forEach>
+    </div>
 </div>
\ No newline at end of file
Index: rave-portal-resources/src/main/webapp/script/rave_person_profile.js
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- rave-portal-resources/src/main/webapp/script/rave_person_profile.js	(revision 1328116)
+++ rave-portal-resources/src/main/webapp/script/rave_person_profile.js	(revision )
@@ -21,8 +21,9 @@
 rave.personprofile = rave.personprofile || (function() {
     // map of [subpage id, boolean] tracking whether or not a sub page has been viewed at least once
     var subPagesViewedStatus = {};
-
-    function initSubPages() {
+     function initSubPages() {
+      //REPLACED WITH BOOTSTRAP TABS
+          /*
         // setup the sub page tabs
         $("#personProfileSubPages").tabs({
                 select: function(event, ui) {
@@ -39,13 +40,14 @@
                     }
                 }
             }
-        );
-
+        ); */
+        //Make first tab active (Twitter Bootstrap)
+        $('.nav-tabs a:first').tab('show');
         // build the subPageViewedStatus map to track if a given sub page has been viewed yet to determine if we need
         // to refresh the widgets upon first viewing to ensure they are sized properly.  Set the default active tab to
         // true since it will be rendered and sized properly as part of the initial page load
-        var activeSubPageId = $("#personProfileSubPages .ui-tabs-panel:not(.ui-tabs-hide)")[0].id;
-        $("#personProfileSubPages .ui-tabs-panel").each(function(){
+        var activeSubPageId = $("#personProfileSubPages .tab-pane.active")[0].id;
+        $("#personProfileSubPages .tab-pane").each(function(){
             subPagesViewedStatus[this.id] = (this.id == activeSubPageId);
         });
     }
Index: rave-portal-resources/src/main/webapp/WEB-INF/jsp/views/personProfile.jsp
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
--- rave-portal-resources/src/main/webapp/WEB-INF/jsp/views/personProfile.jsp	(revision 1328116)
+++ rave-portal-resources/src/main/webapp/WEB-INF/jsp/views/personProfile.jsp	(revision )
@@ -42,9 +42,9 @@
 <!-- get the title of contact information -->
 <fmt:message key="page.personProfile.contact.info" var="contactInfo"/>
 
-<div class="navbar navbar-fixed-top">
-    <div class="navbar-inner">
-        <div class="container">
+<header class="container-fluid navbar navbar-fixed-top">
+   	<nav class="navbar-inner">
+   	    <div class="container-fluid">
             <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
@@ -78,88 +78,105 @@
                 </ul>
             </div>
         </div>
-    </div>
-</div>
+   	</nav>
+</header>
 
-<div id="person-profile-left">
-    <div id="personProfileContent">
+<div class="container-fluid navbar-spacer">
+    <div class="row-fluid">
+        <div class="span9">
+            <div id="personProfileContent" class="row-fluid">
-        <form:form id="editAccountForm" commandName="userProfile" action="person?referringPageId=${referringPageId}" method="POST">
-            <!-- Display personal information of user-->
-            <h2><fmt:message key="page.profile.personal.info" /></h2>
-            <fieldset>
+                <form:form id="editAccountForm" commandName="userProfile" action="person?referringPageId=${referringPageId}" method="POST">
+                    <!-- Display personal information of user-->
+                    <h2><fmt:message key="page.profile.personal.info" /></h2>
+                    <fieldset>
+                        <div class="span12">
-                <p>
-                    <label for="givenNameField"><fmt:message key="page.profile.first.name"/></label>
-                    <label id="givenName" class="profile-info-visible"><c:out value="${userProfile.givenName}"/></label>
-                    <form:input id="givenNameField" path="givenName" class="profile-info-hidden" value="${userProfile.givenName}" />
-                </p>
+                            <p>
+                                <label for="givenNameField"><fmt:message key="page.profile.first.name"/></label>
+                                <label id="givenName" class="profile-info-visible"><c:out value="${userProfile.givenName}"/></label>
+                                <form:input id="givenNameField" path="givenName" class="profile-info-hidden" value="${userProfile.givenName}" />
+                            </p>
-                <br>
+                        </div>
+                        <div class="span12">
-                <p>
-                    <label for="familyNameField"><fmt:message key="page.profile.last.name"/></label>
-                    <label id="familyName" class="profile-info-visible"><c:out value="${userProfile.familyName}"/></label>
-                    <form:input id="familyNameField" path="familyName" class="profile-info-hidden" value="${userProfile.familyName}"/>
-                </p>
+                            <p>
+                                <label for="familyNameField"><fmt:message key="page.profile.last.name"/></label>
+                                <label id="familyName" class="profile-info-visible"><c:out value="${userProfile.familyName}"/></label>
+                                <form:input id="familyNameField" path="familyName" class="profile-info-hidden" value="${userProfile.familyName}"/>
+                            </p>
+                        </div>
+                        <div class="span12">
-                <p>
-                    <label for="displayNameField" class="profile-info-hidden"><fmt:message key="page.profile.display.name"/></label>
-                    <form:input id="displayNameField" path="displayName" class="profile-info-hidden" value="${userProfile.displayName}"/>
-                </p>
+                            <p>
+                                <label for="displayNameField" class="profile-info-hidden"><fmt:message key="page.profile.display.name"/></label>
+                                <form:input id="displayNameField" path="displayName" class="profile-info-hidden" value="${userProfile.displayName}"/>
+                            </p>
+                        </div>
-            </fieldset>
+                    </fieldset>
 
-            <!-- Display basic information of user -->
-            <h2><fmt:message key="page.profile.basic.info" /></h2>
-            <fieldset>
+                    <!-- Display basic information of user -->
+                    <h2><fmt:message key="page.profile.basic.info" /></h2>
+                    <fieldset>
+                        <div class="span12">
-                <p>
-                    <label for="aboutMeField"><fmt:message key="page.profile.about.me"/></label>
-                    <label id="aboutMe" class="profile-info-visible"><c:out value=" ${userProfile.aboutMe}"/></label>
-                    <form:textarea id="aboutMeField" path="aboutMe" class="profile-info-hidden" value="${userProfile.aboutMe}" />
-                </p>
+                            <p>
+                                <label for="aboutMeField"><fmt:message key="page.profile.about.me"/></label>
+                                <label id="aboutMe" class="profile-info-visible"><c:out value=" ${userProfile.aboutMe}"/></label>
+                                <form:textarea id="aboutMeField" path="aboutMe" class="profile-info-hidden" value="${userProfile.aboutMe}" />
+                            </p>
-                <br>
+                        </div>
+                        <div class="span12">
-                <p>
-                    <label for="statusField"><fmt:message key="page.profile.status"/></label>
-                    <label id="status" class="profile-info-visible"><c:out value=" ${userProfile.status}"/></label>
-                    <form:input id="statusField" path="status" class="profile-info-hidden" value="${userProfile.status}" />
-                </p>
+                            <p>
+                                <label for="statusField"><fmt:message key="page.profile.status"/></label>
+                                <label id="status" class="profile-info-visible"><c:out value=" ${userProfile.status}"/></label>
+                                <form:input id="statusField" path="status" class="profile-info-hidden" value="${userProfile.status}" />
+                            </p>
+                        </div>
-            </fieldset>
+                    </fieldset>
 
-            <!-- Display contact information of user -->
-            <h2><fmt:message key="page.profile.contact.info" /></h2>
-            <fieldset>
+                    <!-- Display contact information of user -->
+                    <h2><fmt:message key="page.profile.contact.info" /></h2>
+                    <fieldset>
+                        <div class="span12">
-                <p>
-                    <label for="emailField"><fmt:message key="page.profile.email"/></label>
-                    <label id="email" class="profile-info-visible"><c:out value=" ${userProfile.email}"/></label>
-                    <form:input id="emailField" path="email" class="profile-info-hidden" value="${userProfile.email}" />
-                </p>
+                            <p>
+                                <label for="emailField"><fmt:message key="page.profile.email"/></label>
+                                <label id="email" class="profile-info-visible"><c:out value=" ${userProfile.email}"/></label>
+                                <form:input id="emailField" path="email" class="profile-info-hidden" value="${userProfile.email}" />
+                            </p>
+                        </div>
-            </fieldset>
-            <%-- only display the edit profile button if the current logged in user matches the profile being viewed --%>
-            <c:set var="currentUsername"><sec:authentication property="principal.username" htmlEscape="false" /></c:set>
-            <c:if test="${currentUsername == userProfile.username}">
-                <fieldset>
+                    </fieldset>
+                    <%-- only display the edit profile button if the current logged in user matches the profile being viewed --%>
+                    <c:set var="currentUsername"><sec:authentication property="principal.username" htmlEscape="false" /></c:set>
+                    <c:if test="${currentUsername == userProfile.username}">
+                        <fieldset>
+                            <div class="span12">
-                    <p>
-                        <input type="hidden" id="profileInfo" value="profile-info" />
+                                <p>
+                                    <input type="hidden" id="profileInfo" value="profile-info" />
-                        <button type="button" id="profileEdit" class="profile-info-visible"><fmt:message key="page.profile.edit"/></button>
+                                    <button type="button" id="profileEdit" class="btn btn-primary profile-info-visible"><fmt:message key="page.profile.edit"/></button>
-                        <fmt:message key="page.profile.save" var="save"/>
+                                    <fmt:message key="page.profile.save" var="save"/>
-                        <input type="submit" class="profile-info-hidden" value="${save}"/>
-                        <button type="button" class="profile-info-hidden" id="cancelEdit"><fmt:message key="page.profile.cancel"/></button>
+                                    <input type="submit" class="btn btn-primary profile-info-hidden" value="${save}"/>
+                                    <button type="button" class="btn profile-info-hidden" id="cancelEdit"><fmt:message key="page.profile.cancel"/></button>
-                    </p>
+                                </p>
+                             </div>
-                </fieldset>
-            </c:if>
-        </form:form>
-    </div>
+                        </fieldset>
+                    </c:if>
+                </form:form>
+            </div>
 
-    <%--render the sub pages --%>
+            <%--render the sub pages --%>
-    <div id="pageContent" class="person-profile-page-content">
-        <div class="regions">
+            <div>
+
-            <%-- insert the region layout template --%>
-            <tiles:insertTemplate template="${layout}"/>
+                    <%-- insert the region layout template --%>
+                    <tiles:insertTemplate template="${layout}"/>
-        </div>
+
-        <div class="clear-float">&nbsp;</div>
-    </div>
-</div>
+                <div class="clear-float">&nbsp;</div>
+            </div>
+        </div>
-<div id="person-profile-right">
+        <div class="span3">
-    <div>
-        <%-- render the person profile parent page region/widgets --%>
-        <c:forEach var="region" items="${page.regions}" varStatus="status">
-            <rave:region region="${region}" regionIdx="${status.count}" />
-        </c:forEach>
+            <div>
+                <%-- render the person profile parent page region/widgets --%>
+                <c:forEach var="region" items="${page.regions}" varStatus="status">
+                    <rave:region region="${region}" regionIdx="${status.count}" />
+                </c:forEach>
+            </div>
+        </div>
+    <div class="clear-float">&nbsp;</div>
     </div>
 </div>
 <div class="clear-float">&nbsp;</div>
\ No newline at end of file